{include file="public/meta" /} 

<title>添加管理员</title>
</head>
<body>
    <article class="cl pd-20">
        <form class="form form-horizontal" id="form-member-add">
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>频道别名：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="只能由小写英文字母组成" id="callindex" name="callindex">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>频道名称：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="汉字组成" id="title" name="title">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>排序数字：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="0" placeholder="只能填写大于等于0的数字" id="sort" name="sort">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>备注说明：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="频道描述" id="description" name="description">
                </div>
            </div>
            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;确认添加&nbsp;&nbsp;">
                </div>
            </div>
        </form>
    </article>

<!--_footer 作为公共模版分离出去-->
{include file="public/footer" /} 
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript">
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#form-member-add").validate({
		rules:{
			callindex:{
				required:true,
				minlength:2,
				maxlength:30
			},
            title:{
				required:true,
				minlength:2,
				maxlength:16
			},
			description:{
				required:true,
				minlength:1,
				maxlength:500
			},
			sort:{
				required:true,
				digits:true,
			},
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			
            $.ajax({
                type: 'post', 
                url: '{:url('System/channelAddSave')}', 
                data: {
                    'callindex': $('#callindex').val(),
                    'title': $('#title').val(),
                    'sort': $('#sort').val(),
                    'description':$('#description').val()
                },
                dataType:'json',
                success: function(data) { 
                    if(data.code==0)
                    {
                        parent.layer.msg(data.msg,{icon:6,time:1000});
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.window.location.reload();
                        parent.layer.close(index);
                    }
                    else
                    {
                        parent.layer.msg(data.msg,{icon:5,time:1000});
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                    }
                    
                },
                error:function(data){
                    layer.msg('500系统错误，请重试！',{icon:5,time:1000});
                }
            });

		}
	});
});
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>